<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin: 0;
            padding: 0;
            list-style: none;
        }
    </style>
    <!--<link rel="stylesheet" href="../css/common.css">-->
    <link rel="stylesheet" href="../css/power.css">
    <link rel="stylesheet" href="../util/bootstrap-3.3.7-dist/css/bootstrap.css">
		<!--<link rel="stylesheet" href="../css/common.css"/>-->
    <script src="../util/jquery-3.4.1.js"></script>
    <script src="../util/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
</head>
<body class="pow-body">
<section class="pow-back">
    <h2 class="pow-h2">权限管理</h2>
    <div class="pow-div0"></div>
    <div class="pow-div1">
        <div class="pow-h4"><h4>所有员工:</h4></div>
        <div class="pow-btn2"><button type="button" class="btn  btn-lg pow-btn1" data-toggle="modal" data-target="#myModal2">
            <span class="glyphicon glyphicon-plus"></span>增加账号
        </button>

            <!-- Modal -->
            <div class="modal fade" id="myModal2" tabindex="-1">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" ><span>&times;</span></button>
                            <h4 class="modal-title" id="myModalLabel2">温馨提示</h4>
                        </div>
                        <div class="modal-body">
                            <table class="table table-bordered table-responsive pow-tab2">
                                <tr>
                                    <th>姓名</th>
                                    <th>账号</th>
                                    <th>密码</th>
                                    <!--<th>权限</th>-->
                                </tr>
                                <tr>
                                    <td class="pow-td1"></td>
                                    <td class="pow-td1"></td>
                                    <td class="pow-td1"></td>
                                    <!--<td class="pow-td1"></td>-->

                                </tr>
                            </table>
                            <!--<form class=".form-inline">-->
                                    <!--<label><input type="checkbox">照片墙管理</label>-->
                                    <!--<label><input type="checkbox">物资管理</label>-->
                                    <!--<label><input type="checkbox">班级管理</label>-->
                                    <!--<label><input type="checkbox">学生管理</label>-->
                                    <!--<label><input type="checkbox">公告管理</label>-->
                            <!--</form>-->
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                            <button type="button" class="btn btn-primary pow-btn3" >确定</button>
                        </div>
                    </div>
                </div>
            </div></div>
    </div>
    <div class="container-fluid pow-div2">
        <table class="table table-bordered table-responsive table-hover pow-tab1">
            <thead>
            <tr>
                <th>姓名</th>
                <th>账号</th>
                <th>密码</th>
                <th>权限</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>

            </tbody>
        </table>
    </div>
    <div class="pow-div3">
        <nav aria-label="...">
            <ul class="pagination pow-page">

            </ul>
        </nav>
    </div>
</section>
</body>
<script src="../js/power.js"></script>
</html>